<template>
  <a-modal :title="model?.title + '【' + model?.sumView +'】'" :width="900" :height="360" :visible="visible" :confirmLoading="loading"
    @cancel="() => { $emit('cancel') }" :footer="null">
    <a-spin :spinning="loading">
      <div v-html="model?.content" style="height: 70vh;overflow-y: auto;"></div>
    </a-spin>
  </a-modal>
</template>

<script>
  import pick from 'lodash.pick'

  export default {
    props: {
      visible: {
        type: Boolean,
        required: true
      },
      loading: {
        type: Boolean,
        default: () => false
      },
      model: {
        type: Object,
        default: () => null
      }
    },
    data() {
      return {}
    },
    created() {

    },
    methods: {
      handleOK() {
        this.$emit('ok')
      }
    }
  }
</script>
<style scoped>
  .avatar-uploader>.ant-upload {
    width: 128px;
    height: 128px;
  }

  .ant-upload-select-picture-card i {
    font-size: 32px;
    color: #999;
  }

  .ant-upload-select-picture-card .ant-upload-text {
    margin-top: 8px;
    color: #666;
  }
</style>